<!doctype html>
<html  lang =  "es">
	<head>
	    <title>Mecajia - Diseño Gráfico y Web</title>
		<meta charset="utf-8">
		<meta name="autor" content="Jaime López Llena">
		<meta name="descripcion" content="Mecajia es una empresa de diseño gráfico y web">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<link href="librerias/bootstrap-3.2.0/css/bootstrap.css" rel="stylesheet" type="text/css">
		<link href="css/estilo.css" rel="stylesheet" type="text/css">
				
		<script src="librerias/jquery-2.1.1/jquery-2.1.1.js" type="text/javascript"></script> 
		<script src="librerias/bootstrap-3.2.0/js/bootstrap.js" type="text/javascript"></script>
		<script src="librerias/scroll/scroll.js" type="text/javascript"></script>
		<script src="js/funcionalidad.js" type="text/javascript"></script> 
	</head>
	
	<body id="mecajiaCuerpo" class="container-fluid">
		<div id="cabeceraMecajia" class="row cabecera margenesCabeceraPie container-fluid">
			<i id="nav_down" class="glyphicon glyphicon-circle-arrow-down iconoFlecha" data-toggle="tooltip" data-placement="bottom" title="Bajar"></i>
			<header id="mecajiaDesign" class="col-xs-8 col-xs-offset-2 mecajiaDesignHeader container-fluid">
				<img src="imagenes/cabecera/m1.png" alt="Mecajia Design"/>
			</header>
		</div>	
		<div id="contenidoMecajia" class="row contenido container-fluid">
			<nav id="mecajiaMenuNav" class="btn-group col-xs-2 mecajiaMenuNav container-fluid">
				<button id="mecajiaBotonMenu" type="button" class="btn btn-default btn-lg dropdown-toggle" data-toggle="dropdown">MECAJIA DESIGN</button>
				<ul id="mecajiaMenuUl" class="col-xs-12 mecajiaMenuUl nav nav-pills nav-stacked">
					
					<li id="mecajiaInicio" class="mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Inicio">
						<a class="sombraElementosMenu fondoMecajiaMenuSeleccionado" href="#inicio">&nbsp;
							<i class="col-xs-1 glyphicon glyphicon-home iconoElementoMenu"></i>
					    	<div id="mecajiaInicioDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" onclick="comprobarElementoMenuSeleccionado($(this))">Inicio</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Inicio</div>
					    </a>
					</li>
					
					<li id="mecajiaDisenoGrafico" class="panel-group mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Diseño Gráfico">
					    <a class="sombraElementosMenu">&nbsp;
					    	<i class="col-xs-1 glyphicon glyphicon-picture iconoElementoMenu"></i>
					    	<div id="mecajiaDisenoGraficoDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" data-toggle="collapse" data-parent="#mecajiaDisenoGrafico" href="#collapseDisenos" onclick="comprobarElementoSubMenuSeleccionado($(this))">Diseño Gráfico</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Diseño Gráfico</div>
					    </a>
					    <ul id="collapseDisenos" class="panel-collapse collapse nav submenu">
					      <li class="panel-body mecajiaElementoSubMenu">Diseño Catálogos</li>
					      <li class="panel-body mecajiaElementoSubMenu">Diseño Folletos</li>
					      <li class="panel-body mecajiaElementoSubMenu">Diseño Logotipos</li>
					      <li class="panel-body mecajiaElementoSubMenu">Imagen Corporativa</li>
					      <li class="panel-body mecajiaElementoSubMenu">Vallas Publicitarias</li>
					      <li class="panel-body mecajiaElementoSubMenu">Cartelería</li>
					      <li class="panel-body mecajiaElementoSubMenu">Ilustración</li>
					      <li class="panel-body mecajiaElementoSubMenu">Publicidad</li>
					    </ul>
					</li> 
					
					<li id="mecajiaDisenoWeb" class="panel-group mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Diseño Web">
					    <a class="sombraElementosMenu">&nbsp;
					   		<i class="col-xs-1 glyphicon glyphicon-globe iconoElementoMenu"></i>
					    	<div id="mecajiaDisenoWebDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" data-toggle="collapse" data-parent="#mecajiaDisenoWeb" href="#collapseWeb" onclick="comprobarElementoSubMenuSeleccionado($(this))">Diseño Web</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Diseño Web</div>
					    </a>
					    <ul id="collapseWeb" class="panel-collapse collapse nav submenu">
					      <li class="panel-body mecajiaElementoSubMenu">Diseño Páginas Web</li>
					      <li class="panel-body mecajiaElementoSubMenu">Posicionamiento en Buscadores</li>
					      <li class="panel-body mecajiaElementoSubMenu">Presencia en Internet</li>
					      <li class="panel-body mecajiaElementoSubMenu">Programación Web</li>
					      <li class="panel-body mecajiaElementoSubMenu">Mantenimiento de páginas web</li>
					      <li class="panel-body mecajiaElementoSubMenu">Comercio Electrónico</li>
					    </ul>
					</li> 
					
					<!--<li id="mecajiaDisenoEditorial" class="panel-group mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Diseño Editorial">
					    <a class="sombraElementosMenu">&nbsp;
					    	<i class="col-xs-1 glyphicon glyphicon-book iconoElementoMenu"></i>
					    	<div id="mecajiaDisenoEditorialDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" data-toggle="collapse" data-parent="#mecajiaDisenoEditorial" href="#collapseDisenoEditorial" onclick="comprobarElementoSubMenuSeleccionado($(this))">Diseño Editorial</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Diseño Editorial</div>
					    </a>					    
					    <ul id="collapseDisenoEditorial" class="panel-collapse collapse nav submenu">
					      <li class="panel-body mecajiaElementoSubMenu">Diseño Revistas</li>
					      <li class="panel-body mecajiaElementoSubMenu">Maquetación de Revistas</li>
					      <li class="panel-body mecajiaElementoSubMenu">Diseño Publicaciones</li>
					      <li class="panel-body mecajiaElementoSubMenu">Diseño Boletines</li>
					    </ul>
					</li> --> 
							
					<li id="mecajiaFotografia" class="panel-group mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Fotografia">
					   	<a class="sombraElementosMenu">&nbsp;
					   		<i class="col-xs-1 glyphicon glyphicon-camera iconoElementoMenu"></i>
					    	<div id="mecajiaFotografiaDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" data-toggle="collapse" data-parent="#mecajiaFotografia" href="#collapseFotografia" onclick="comprobarElementoSubMenuSeleccionado($(this))">Fotografia</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Fotografia</div>
					    </a> 
						<ul id="collapseFotografia" class="panel-collapse collapse nav submenu">
					      <li class="panel-body mecajiaElementoSubMenu">Fotografía de eventos</li>
					      <li class="panel-body mecajiaElementoSubMenu">Fotografía publicitaria</li>
					      <li class="panel-body mecajiaElementoSubMenu">Fotografía de moda</li>
					      <li class="panel-body mecajiaElementoSubMenu">Books</li>
					      <li class="panel-body mecajiaElementoSubMenu">Videobooks</li>
					    </ul>
					</li> 

				<!--<li id="mecajiaMultimedia" class="panel-group mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Multimedia">
					   	<a class="sombraElementosMenu">&nbsp;
					   		<i class="col-xs-1 glyphicon glyphicon-facetime-video iconoElementoMenu"></i>
					    	<div id="mecajiaMultimediaDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" data-toggle="collapse" data-parent="#mecajiaMultimedia" href="#collapseMultimedia" onclick="comprobarElementoSubMenuSeleccionado($(this))">Multimedia</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Multimedia</div>
					    </a> 
						<ul id="collapseMultimedia" class="panel-collapse collapse nav submenu">
					      <li class="panel-body mecajiaElementoSubMenu">Campaña Multimedia</li>
					      <li class="panel-body mecajiaElementoSubMenu">CD Interactivo</li>
					      <li class="panel-body mecajiaElementoSubMenu">Dosier Digital</li>
					      <li class="panel-body mecajiaElementoSubMenu">Presentación Flash</li>
					      <li class="panel-body mecajiaElementoSubMenu">Presentación Video Digital</li>
					    </ul>
					</li> 
					
					<li id="mecajiaImprenta" class="panel-group mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Imprenta">
						<a class="sombraElementosMenu">&nbsp;
							<i class="col-xs-1 glyphicon glyphicon-print iconoElementoMenu"></i>
					    	<div id="mecajiaImprentaDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" data-toggle="collapse" data-parent="#mecajiaImprenta" href="#collapseImprenta" onclick="comprobarElementoSubMenuSeleccionado($(this))">Imprenta</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Imprenta</div>
					    </a> 
					    <ul id="collapseImprenta" class="panel-collapse collapse nav submenu">
					      <li class="panel-body mecajiaElementoSubMenu">Impresión de Papelería</li>
					      <li class="panel-body mecajiaElementoSubMenu">Impresión de Folletos</li>
					      <li class="panel-body mecajiaElementoSubMenu">Impresión de Catálogos</li>
					      <li class="panel-body mecajiaElementoSubMenu">Impresión de Revistas</li>
					      <li class="panel-body mecajiaElementoSubMenu">Impresión de Cartelería</li>
					      <li class="panel-body mecajiaElementoSubMenu">Rotativa</li>
					    </ul>
					</li>--> 
	
					<li id="mecajiaContacto" class="mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Contacto">
						<a class="sombraElementosMenu" href="#contacto">&nbsp;
							<i class="col-xs-1 glyphicon glyphicon-user iconoElementoMenu"></i>
					    	<div id="mecajiaContactoDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" onclick="comprobarElementoMenuSeleccionado($(this))">Contacto</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Contacto</div>
					    </a>
					</li>
	
					<li id="mecajiaPrecios" class="panel-group mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Precios">
					    <a class="sombraElementosMenu">&nbsp;
					    	<i class="col-xs-1 glyphicon glyphicon-shopping-cart iconoElementoMenu"></i>
					    	<div id="mecajiaPreciosDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" data-toggle="collapse" data-parent="#mecajiaPrecios" href="#collapsePrecios" onclick="comprobarElementoSubMenuSeleccionado($(this))">Precios</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Precios</div>
					    </a> 
					    <ul id="collapsePrecios" class="panel-collapse collapse nav submenu">
					      <li class="panel-body mecajiaElementoSubMenu">Precios de diseño web</li>
					      <li class="panel-body mecajiaElementoSubMenu">Precios de diseño gráfico</li>
					    </ul>
					</li> 
	
					<!--<li id="mecajiaPortafolio" class="mecajiaElementoMenu" data-toggle="tooltip" data-placement="bottom" title="Portafolio">
						<a class="sombraElementosMenu" href="#portafolio">&nbsp;
							<i class="col-xs-1 glyphicon glyphicon-folder-open iconoElementoMenu"></i>
					    	<div id="mecajiaPortafolioDiv" class="col-xs-offset-1 col-xs-10 textoMecajiaMenu collapsed" onclick="comprobarElementoMenuSeleccionado($(this))">Portafolio</div>
					    	<div class="col-xs-offset-1 col-xs-10 sombraMecajiaMenu">Portafolio</div>
					    </a>
					</li>--> 
	
				</ul>
			</nav>
			<section id="mecajiaCuerpoPagina" class="col-xs-9 mecajiaCuerpoPagina container-fluid"></section>
			<!--<div>
				<!-- <img id="nav_down" src="imagenes/flechas/downWhite.png" height="50" width="80" class="down"/>
				<i id="nav_down" class="glyphicon glyphicon-circle-arrow-down iconoFlecha" data-toggle="tooltip" data-placement="top" title="Bajar"></i>
			</div>-->
		</div>
		<div class="row pie margenesCabeceraPie container-fluid">
			<footer class="col-xs-11 mecajiaFooter container-fluid">
				<div class="col-xs-12 mecajiaFooterTexto">
					<span><span class="glyphicon glyphicon-phone-alt iconoFooter"></span>913523432 / <span class="glyphicon glyphicon-envelope iconoFooter"></span> mecajia@gmail.com</span>
					<img id="mecajiaLogo" class="mecajiaLogo" src="imagenes/logos/mecajia.png" alt="Mecajia logo" height="40" width="15"/>
				</div>
				<!--<div>
					<img id="jl" class="logos" src="imagenes/logos/jl.png" alt="Jl logo" height="50" width="50" data-toggle="tooltip" data-placement="top" title="Autor: Jaime López Llena"/>
					<img id="twitter" class="logos" src="imagenes/logos/twitter.jpg" alt="Twitter logo" height="50" width="50" data-toggle="tooltip" data-placement="top" title="Twitter"/>
					<img id="facebook" class="logos" src="imagenes/logos/facebook.jpg" alt="Facebook logo" height="50" width="50" data-toggle="tooltip" data-placement="top" title="Facebook"/>
					<img src="imagenes/flechas/upWhite.png"  height="50" width="80" class="up"/> 
					<i id="nav_up" class="glyphicon glyphicon-circle-arrow-up iconoFlecha" data-toggle="tooltip" data-placement="top" title="Subir"></i>						
				</div>-->
			</footer>
			<i id="nav_up" class="glyphicon glyphicon-circle-arrow-up iconoFlecha iconoFlechaArriba" data-toggle="tooltip" data-placement="top" title="Subir"></i>						
		</div>
	</body>
	<div id="logosLaterales">
		<div id="divFaceLateral"><a href="https://es-es.facebook.com/mecajia" target="_blank"><img id="faceLateral" src="imagenes/logos/facebook.jpg"  height="25" width="25" class="logoLateral logoLateralF" data-toggle="tooltip" data-placement="left" title="Facebook"/></a></div>
		<div id="divTwiLateral"><a href="https://twitter.com/mecajia" target="_blank"><img id="twiLateral" src="imagenes/logos/twitter.jpg"  height="25" width="25" class="logoLateral logoLateralT" data-toggle="tooltip" data-placement="left" title="Twitter"/></a></div>
		<div id="divInsLateral"><a href="http://instagram.com/mecajia" target="_blank"><img id="insLateral" src="imagenes/logos/instagram.jpg"  height="25" width="25" class="logoLateral logoLateralI" data-toggle="tooltip" data-placement="left" title="Instagram"/></a></div>
		<div id="divGooLateral"><a href="https://plus.google.com/mecajia" target="_blank"><img id="gooLateral" src="imagenes/logos/g+.png"  height="25" width="25" class="logoLateral logoLateralG" data-toggle="tooltip" data-placement="left" title="Google+"/></a></div>
	</div>
</html>